<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>瀑布流</title>
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
    <div id="back">
        <div class="border_view"><div class="imageView"><img src="imgs/0.jpg"></div></div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/1.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/2.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/3.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/4.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/5.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/6.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/7.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/8.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/9.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/10.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/11.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/12.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/13.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/14.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/15.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/16.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/17.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/18.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/19.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/20.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/21.jpg">
            </div>
        </div>
        <div class="border_view">
            <div class="imageView">
                <img src="imgs/22.jpg">
            </div>
        </div>
    </div>

    <!--用js实现瀑布流-->
    <!--<script src="js/index.js" type="text/javascript"></script>-->

    <!--用jquery实现瀑布流-->
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/index-jquery.js" type="text/javascript"></script>
</body>
</html>